<template>
  <joint-paper :background="background" :grid-size="gridSize"
    :draw-grid="drawGrid" />
</template>

<script>
import JointPaper from "@/components/JointPaper";

export default {
  name: "App",

  components: {
    JointPaper,
  },

  data() {
    return {
      background: {
        color: "antiquewhite",
      },
      gridSize: 10,
      drawGrid: {
        name: "mesh",
      },
      /** 处理后生成的节点 */
      nodeList: [],
      /** 处理后生成的连线 */
      linkList: [],
      /** 当前单元格，joint的拖动和svgpanzoom会冲突造成抖动 */
      currCell: null,
      graph: null,
      linkClone: null,
    };
  },
  mounted() {
    jq('.rotatable .name-bg').hover(
      function () {
        jq(this).attr("fill", "red")
      },
      function () {
        jq(this).attr("fill", "#ffcdcd")
      }
    )
  },
  methods: {
  },
};
</script>

<style></style>
